리액트 기초반 [리액트 기초반] 2주차 - CSS CSS 자체는 이미 알고 있는 내용이 많으므로, 헷갈리거나 몰랐던 개념 위주로 정리 예시 App.js sytle.css .App에서 display: flex를 빼면 사진처럼 상단은 background-color가 적용되지 않는다. <h1>의 display 속성이 block으로 설정 되어있기 때문이다. .App의 margin이 부모 요소의 margin처럼 보여지는 이 현상을 이라고 한다. 또한... ReactCSS리액트 기초반스파르타코딩클럽CSS [리액트 기초반] 2주차 - 컴포넌트 이 페이지는 <header>, <container>, <footer> 3개의 컴포넌트로 이루어져 있다. <container>는 다시 <image>와 <contents> 2개의 컴포넌트로 나뉜다. 컴포넌트 ∋ 컴포넌트 구조를 갖는 <container>는 <image>와 <contents>에게 각각의 데이터를 전달한다. 컴포넌트의 생애주기를 일목요연하게 보여주기 때문에 이후에 등장한 함수형 컴포... React스파르타코딩클럽리액트 기초반컴포넌트React [리액트 기초반] 3주차 - 리덕스 이론 전역상태저장소(전역데이터저장소)로 스토어와 리듀서가 포함된다. 자식이 부모의 데이터를 관여하는 경우를 방지하기 위해 사용한다. 부모와 자식 어느곳에도 속하지 않는 별도의 전역상태저장소를 생성해서 그곳의 데이터를 부모와 자식이 사용하는 방식이다. ➊ 전역으로 누구나 볼 수 있는 데이터가 존재 ➋ 그 중에는 데이터를 참조하고 싶어하는 컴포넌트가 존재 ➌ ➋중에서 그 데이터를 수정하고자 하는 컴포... redux리액트 기초반스파르타코딩클럽ReactReact [리액트 기초반] 4주차 - keyframes 일정 시간에 걸쳐 css의 속성값을 변화시키는 효과 transition 효과과 일정한 시간(duration)에 걸쳐 일어난다. 스스로 작동할 수 없기 때문에 onClick 함수나 hover와 함께 쓰인다. element 상태 변화에 사용하기 좋다. animation transition에 비해 훨씬 구현할 수 있는 요소가 다양하다. 이벤트 없이 스스로 시작, 정지, 반복을 제어할 수 있다. @... 스파르타코딩클럽keyframes리액트 기초반keyframes
[리액트 기초반] 2주차 - CSS CSS 자체는 이미 알고 있는 내용이 많으므로, 헷갈리거나 몰랐던 개념 위주로 정리 예시 App.js sytle.css .App에서 display: flex를 빼면 사진처럼 상단은 background-color가 적용되지 않는다. <h1>의 display 속성이 block으로 설정 되어있기 때문이다. .App의 margin이 부모 요소의 margin처럼 보여지는 이 현상을 이라고 한다. 또한... ReactCSS리액트 기초반스파르타코딩클럽CSS [리액트 기초반] 2주차 - 컴포넌트 이 페이지는 <header>, <container>, <footer> 3개의 컴포넌트로 이루어져 있다. <container>는 다시 <image>와 <contents> 2개의 컴포넌트로 나뉜다. 컴포넌트 ∋ 컴포넌트 구조를 갖는 <container>는 <image>와 <contents>에게 각각의 데이터를 전달한다. 컴포넌트의 생애주기를 일목요연하게 보여주기 때문에 이후에 등장한 함수형 컴포... React스파르타코딩클럽리액트 기초반컴포넌트React [리액트 기초반] 3주차 - 리덕스 이론 전역상태저장소(전역데이터저장소)로 스토어와 리듀서가 포함된다. 자식이 부모의 데이터를 관여하는 경우를 방지하기 위해 사용한다. 부모와 자식 어느곳에도 속하지 않는 별도의 전역상태저장소를 생성해서 그곳의 데이터를 부모와 자식이 사용하는 방식이다. ➊ 전역으로 누구나 볼 수 있는 데이터가 존재 ➋ 그 중에는 데이터를 참조하고 싶어하는 컴포넌트가 존재 ➌ ➋중에서 그 데이터를 수정하고자 하는 컴포... redux리액트 기초반스파르타코딩클럽ReactReact [리액트 기초반] 4주차 - keyframes 일정 시간에 걸쳐 css의 속성값을 변화시키는 효과 transition 효과과 일정한 시간(duration)에 걸쳐 일어난다. 스스로 작동할 수 없기 때문에 onClick 함수나 hover와 함께 쓰인다. element 상태 변화에 사용하기 좋다. animation transition에 비해 훨씬 구현할 수 있는 요소가 다양하다. 이벤트 없이 스스로 시작, 정지, 반복을 제어할 수 있다. @... 스파르타코딩클럽keyframes리액트 기초반keyframes